import axios from 'axios'
import { Message } from '_element-ui@2.13.2@element-ui'
// 从 element-ui 导入MessageBox, Message  消息组件
// import { MessageBox, Message } from 'element-ui'
// 导入vuex模块
import store from '@/store'
import router from '@/router'
// 导入Token
// import { getToken } from '@/utils/auth'

// 创建 axios 实例
const service = axios.create({
  // 基地址
  // process 是 Node 的全局变量，提供了当前 Node.js 进程的信息
  // process.env 获取当前项目的环境变量信息
  // VUE_APP_BASE_API 使我们自己定义的基准地址
  // 如果是开发环境,会查找 .env.development 这个配置环境对应的属性值
  // 如果是线上环境,会查找 .env.production 这个配置环境对应的属性值
  // baseURL: 'http://ihrm-java.itheima.net',
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 5000 // 请求超时的配置
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    const token = store.state.user.token

    // 判断 token 是否存在,如果存在,设置请求头
    if (token) {
      config.headers['Authorization'] = `Bearrer ${token}`
    }
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    // console.log(response)
    if (response.data.success) {
      // resoonse.data 是解决数据的获取繁琐问题
      return response.data
    } else {
      Message({
        message: response.data.message,
        type: 'error'
      })
      // 如果返回的状态失败,需要抛出错误的信息
      return Promise.reject(new Error(response.data.message))
    }
  },
  error => {
    // console.log(error)
    if (error.response && error.response.data && error.response.data.code === 10002) {
      // 当等于 10002 的时候，表示后端告诉我 token 超时了
      // 清楚用户信息
      store.dispatch('user/userLogout')
      // 跳转登录页面
      router.push('/login')
      Message({
        message: '请重新登录',
        type: 'error'
      })
    } else {
      Message({
        message: error.message,
        type: 'error',
        duration: 5 * 1000
      })
    }
    return Promise.reject(error)
  }
)
export default service
